
<template>
  <!-- 商品标签 -->
  <div class="product-tag-box mt-10">
    <span v-for="(item,index) in tagList" :key="index" class="tag-item">
      <svg-icon icon-class="checked-1" class="color-primary mr-10" />
      {{ item.Name }}
    </span>
  </div>
</template>

<script>
export default {
  name: 'ProductTag',
  props: {
    tagList: { // 数据
      type: Array,
      required: true,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
//标签栏
.product-tag-box{
  background: $colorF;
  padding: 16px 32px;
  font-size: 24px;
  .tag-item{
    margin-right: 20px;
    padding: 16px 0;
    line-height: 1;
    display: inline-block;
  }
}
</style>
